<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=0.5, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="pulgins/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="stylesheets/reset.css">
    <link rel="stylesheet" href="pulgins/jquery-sdpagination.js/dist/sdpagination.min.css">
    <link rel="stylesheet" href="stylesheets/index.css?20180210">
    <link href="pulgins/date_pulgins/daterangepicker.css" rel="stylesheet" type="text/css">
    <script src="pulgins/jquery/jquery-3.1.0.min.js"></script>
    <script src="pulgins/qrcode/qrcode.min.js"></script>
    <script src="pulgins/jqprint/jquery.jqprint-0.3.js"></script>
    <script src="pulgins/jqprint/jquery-migrate-1.2.1.min.js"></script>
    <script src="pulgins/jquery-sdpagination.js/dist/jquery-sdpagination.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/moment.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/daterangepicker.js"></script>
    <script src="pulgins/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="javascripts/public.js?20180210"></script>
    <script src="javascripts/supervise.js?20180210"></script>
    <title>铭材商品管理</title>
</head>
<body>
<div id="all_wrap_">
    <div class="content">
        <div class="content_left">
            <img src="images/logo.png" alt="">
            <ul></ul>
        </div>
        <div class="content_right">
            <div class="right-top">
                <b class="glyphicon glyphicon-resize-small"></b>
                <div>
                    <img src="images/logo.png" alt="">
                    <p id="user_name"></p>
                    <b class="glyphicon glyphicon-chevron-down"></b>
                    <div id="exit" title="点击后退出登录" >
                        <span>退出</span>
                        <b  class="glyphicon glyphicon-log-out"></b>
                    </div>
                </div>
            </div>
            <!--主要部分-->
            <div class="supervise">
                <div class="container-fluid">
                    <div class="supervise_header">
                        <div class="row">
                            <h2 class="col-xs-4 col-xs-offset-1">商品管理操作</h2>
                            <div class="col-xs-6">
                                <button id="excel_btn" class=" btn btn-default fr">导出Excel</button>
                            </div>

                        </div>

                        <div class="row">
                            <div style="margin-top:10px;"
                                 class="col-sm-3 col-lg-3  col-sm-offset-0  col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <span class="input-group-addon">一级</span>
                                    <select class="form-control" name="" id="select1">
                                    </select>
                                </div>
                            </div>
                            <div style="margin-top:10px;"
                                 class="col-sm-3 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <span class="input-group-addon">二级</span>
                                    <select class="form-control" name="" id="select2">
                                        <option value=""></option>
                                    </select>
                                </div>

                            </div>
                            <div style="margin-top:10px;"
                                 class="col-sm-3  col-sm-offset-0 col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <span class="input-group-addon">三级</span>
                                    <select class="form-control" name="" id="select3">
                                        <option value=""></option>
                                    </select>
                                </div>

                            </div>
                            <div style="margin-top:10px;"
                                 class="col-sm-3 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <input type="text" id="search_input" placeholder="请输入名称 规格 或品牌" class="form-control">
                                    <span id="search_ben" style="position: relative;top: 0;  cursor: pointer;"
                                          class="glyphicon glyphicon-search input-group-addon">本</span>
                                    <span id="search_all" style="position: relative;top: 0;  cursor: pointer;"
                                          class="glyphicon glyphicon-search input-group-addon">全</span>
                                </div>

                            </div>
                        </div>
                        <div class="row">
                            <div style="margin-top:10px;"
                                 class="col-sm-3  col-sm-offset-0  col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <span class="input-group-addon">自营选择</span>
                                    <select class="form-control" name="" id="isAutotrophy">
                                        <option value="">全部</option>
                                        <option value="0">自营</option>
                                        <option value="1">第三方</option>
                                    </select>
                                </div>
                            </div>
                            <div style="margin-top:10px;"
                                 class="col-sm-3 col-sm-offset-0  col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <span class="input-group-addon">供应商</span>
                                    <select class="form-control" name="" id="seller">
                                    </select>
                                </div>
                            </div>
                            <div style="margin-top:10px;"
                                 class="col-sm-3 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <span style="position: relative;top: 0;" class=" input-group-addon">状态</span>
                                    <select name="" class="form-control" id="select4">
                                        <option value="">全部</option>
                                        <option value="1">已上架</option>
                                        <option value="2">未上架</option>
                                    </select>

                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="supervise-body">
                        <div class="row">
                            <div class="col-xs-12 col-lg-12 col-xs-offset-0 ">
                                <div class="table-responsive">
                                    <table style="margin-top: 30px;" id="shangpin_table"
                                           class="table-hover table-striped table table-bordered">
                                    </table>
                                </div>

                            </div>

                        </div>
                        <div class="row">
                            <div class="col-xs-10 col-xs-offset-1">
                                <button style="margin-right:20px;margin-left:10px;"
                                        class="fr btn-success glyphicon glyphicon-open  btn btn-xs" id="all_up">上架
                                </button>
                                <button class="fr glyphicon glyphicon-saved btn btn-info btn-xs " id="all_down">下架</button>
                                <div id="all_select" style="cursor: pointer;" class="fr" style="padding-bottom: 10px">
                                    <span style="margin-top: 8px;margin-right: 10px;margin-left: 3px;" class="fr">全选</span>
                                    <input type="checkbox" class="fr" style="width: 15px;height:15px;margin-top:7px;">
                                </div>

                            </div>

                        </div>
                        <div class="row" style="margin-top:20px;">
                            <div class="col-xs-10 col-xs-offset-1">
                                <div id="page"></div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--loading -->
            <div class="loading">
                <img src="images/loading.gif" alt="">
            </div>
        </div>
        <!--修改-->
        <div class="set_shangpin" id="set_shangpin">
            <div class="set_shangpin_main">
                <div class="set_goods">
                    <div class="container-fluid">
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请填写您要修改的商品内容</h2>
                            </div>

                            <div class="row">
                                <div style="margin-top:10px;" class="col-sm-3 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group">
                                        <span class="input-group-addon">一级</span>
                                        <select class="form-control" name="" id="set-select1">
                                        </select>
                                    </div>
                                </div>
                                <div style="margin-top:10px;" class="col-sm-4 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                                    <div class="input-group">
                                        <span class="input-group-addon">二级</span>
                                        <select class="form-control" name="" id="set-select2">
                                            <option value=""></option>
                                        </select>
                                    </div>

                                </div>
                                <div style="margin-top:10px;" class="col-sm-3 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                                    <div class="input-group">
                                        <span class="input-group-addon">三级</span>
                                        <select class="form-control" name="" id="set-select3">
                                            <option value=""></option>
                                        </select>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="add_goods_body">
                            <div class="row">
                                <div class=" col-xs-8 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商品品牌</span>
                                        <input id="set_brand" class="form-control input_is" type="text">
                                    </div>
                                </div>
                                <div class="col-xs-3">
                                    <div class="dropdown">
                                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                            选择品牌
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" id="down_menu" aria-labelledby="dropdownMenu1">

                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商品名称</span>
                                        <input id="set_name" class="form-control input_is" type="text">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商品价格</span>
                                        <input id="set_price" class="form-control input_is" type="number">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class=" col-xs-8 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商品规格</span>
                                        <input id="set_guige" class="form-control input_is" type="text">
                                    </div>
                                </div>
                                <div class="col-xs-3">
                                    <div class="dropdown">
                                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                            选择规格
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" id="down_menu_guige" aria-labelledby="dropdownMenu2">

                                        </ul>
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class=" col-xs-8 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商品单位</span>
                                        <input id="set_danwei" class="form-control input_is" type="text">
                                    </div>
                                </div>
                                <div class="col-xs-3">
                                    <div class="dropdown">
                                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu3"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                            选择单位
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" id="down_menu_danwei" aria-labelledby="dropdownMenu3">
                                        </ul>
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class=" col-xs-8 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商品尺寸</span>
                                        <input id="set_chicun" class="form-control input_is" type="text">
                                    </div>
                                </div>
                                <div class="col-xs-3">
                                    <div class="dropdown">
                                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu4"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                            选择尺寸
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" id="down_menu_chicun" aria-labelledby="dropdownMenu4">
                                        </ul>
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class=" col-xs-8 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商品颜色</span>
                                        <input id="set_color" placeholder="请输入商品颜色" class="form-control input_is"
                                               type="text">
                                    </div>
                                </div>
                                <div class="col-xs-3">
                                    <div class="dropdown">
                                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu5"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                            选择颜色
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" id="down_menu_color" aria-labelledby="dropdownMenu5">
                                        </ul>
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">低报警量</span>
                                        <input id="set_baojingliang" placeholder="请输入最低报警量" class="form-control input_is"
                                               type="number">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">是否自营</span>
                                        <select name="" class="form-control" id="set_isziying">
                                            <option value="0">自营产品</option>
                                            <option value="1">第三方</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">选供应商</span>
                                        <select name="" class="form-control" id="shangpin_gongyingshang">
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row supplier_content" style="display: none">
                                <div class="supplier_wrap col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div>已选供应商</div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">VR连接</span>
                                        <input id="set_link" placeholder="请输入连接 选填" class="form-control"
                                               type="text">
                                    </div>
                                </div>

                            </div>

                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <p class="text-success">已添加默认图片</p>
                                    <div id="main_img">
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="padding-bottom: 20px;border-bottom: 1px solid #eee">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <p class="text-success">已添加其他图片！！！</p>
                                    <div id="other_img">
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="padding-bottom: 20px;">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <p class="text-success">已添加详情图片！！！</p>
                                    <div id="detial_img">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <p class="text-danger">上传将覆盖原默认图片！！！</p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <form style="display: none" action="" id="form_main" method="post"
                                          enctype="multipart/form-data">
                                        <input id="input_file_main" accept="image/png,image/gif,image/jpeg" type="file"
                                               name="img">
                                    </form>
                                    <button id="up_button_main" class="btn-info btn">产品默认图片上传 <span
                                            class="glyphicon glyphicon-open"></span></button>
                                    <div class="img_wrap_main">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <p class="text-danger">上传后添加进其他图片！！！</p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <form style="display: none" action="" id="form" method="post"
                                          enctype="multipart/form-data">
                                        <input id="input_file" accept="image/png,image/gif,image/jpeg" type="file"
                                               name="img" multiple>
                                    </form>
                                    <button id="up_button" class="btn-info btn">产品其他图片上传 <span
                                            class="glyphicon glyphicon-open"></span></button>
                                    <div class="img_wrap ">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <p class="text-danger">上传后添加进详情图片！！！</p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <form style="display: none" action="" id="form_detial" method="post"
                                          enctype="multipart/form-data">
                                        <input id="input_file_detial" accept="image/png,image/gif,image/jpeg" type="file"
                                               name="img" multiple>
                                    </form>
                                    <button id="up_button_detial" class="btn-info btn">产品详情图片上传 <span
                                            class="glyphicon glyphicon-open"></span></button>
                                    <div class="img_wrap_detial">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <b class="col-xs-5 btn btn-warning" data-toggle="modal" id="cancle_set"
                                       data-target="#myModal">取消</b><span
                                        class="col-xs-5 btn btn-danger col-xs-offset-2" data-toggle="modal" id="add"
                                        data-target="#myModal">修改商品</span>
                                </div>

                            </div>


                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--图片修改-->
        <div class="set_shangpin" id="set_img">
            <div class="set_shangpin_main">
                <div class="set_goods">
                    <div class="container-fluid">
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请修改图片序号</h2>
                            </div>
                            </div>
                        </div>
                        <div class="add_goods_body">
                            <div class="row" style="margin-bottom: 20px;margin-top: 20px;">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">排列序号</span>
                                        <input id="set_img_sort" class="form-control input_is" type="text">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <b class="col-xs-5 btn btn-warning" data-toggle="modal" id="cancle_set_img"
                                       data-target="#myModal">取消</b><span
                                        class="col-xs-5 btn btn-danger col-xs-offset-2" data-toggle="modal" id="set_images"
                                        data-target="#myModal">修改</span>
                                </div>

                            </div>


                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--记录-->
        <div class="set_shangpin" id="supervise_record">
            <div class="set_shangpin_main">
                <div class="set_goods">
                    <div class="container-fluid">
                        <button type="button" class="close" id="close_record" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请操作商品记录</h2>
                            </div>

                            <div class="row">
                                <div style="margin-top:10px;" class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group">
                                        <span class="input-group-addon">操作类型</span>
                                        <select class="form-control" name="" id="taocan_select1">
                                        </select>
                                    </div>
                                </div>
                                <div style="margin-top:10px;"
                                     class="col-sm-4 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                <span id="input_time_btn" class="input-group-addon glyphicon glyphicon-calendar"
                                      style="top:0;cursor: pointer;"></span>

                                        <input type="text" id="input_time" class="form-control">


                                        <span class="input-group-addon" id="search_time" style="cursor: pointer;">搜索</span>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="add_goods_body">
                            <div class="row" style="margin-top: 0px">
                                <div class="col-xs-10 col-xs-offset-1">

                                    <table id="add_taocan_table" class="table">
                                    </table>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-10 col-xs-offset-1">
                                    <div id="page1"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--二维码-->
        <div id="erweima_wrap">
            <div class="erweima_wrap">
                <!--<div class="item_erweima">-->
                <!--<div class="img_erweima"></div>-->
                <!--<p class="brand_erwema">品牌：<span></span></p>-->
                <!--<p class="gui_erwema">规格：<span></span></p>-->
                <!--<p class="name_erwema">名称：<span></span></p>-->
                <!--</div>-->
            </div>
            <button style="margin-top: 15px" id="pring_erweima" class="btn-primary btn">打印二维码</button>
            <span class="glyphicon glyphicon-remove close_erweima"></span>
        </div>
    </div>
</div>


<!--提示<&ndash;&gt;-->
<div class="hint">
    <span> 商品名称</span>
</div>
<!--提示确认-->
<div class="modal" id="modal_wrap" aria-labelledby="myModalLabel" tabindex="-1" role="dialog">
    <div class="modal-dialog" style="top: 20%;" role="document">
        <div class="modal-content">
            <div style="font-size: 20px;" class="modal-header">
                <h4 class="modal-title">提示</h4>
            </div>
            <div style="font-size: 20px;" class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" id="modal_close" class="btn btn-default">取消</button>
                <button type="button" class="btn btn-primary" id="confirm">确定</button>
            </div>
        </div>
    </div>
</div>
<!--图片展示-->
<div class="img_show">
    <img src="" alt="">
</div>
</body>
</html>